<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>地平线生活服务</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="/static/style/ydui.css"/>
    <script src="/static/js/ydui.flexible.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
	<script>
		wx.config(
			{$wxConfig}
		);
		wx.ready(function(){
			wx.hideOptionMenu();
		})
	</script>
</head>
<style>
    .note{margin-top: -0.8rem; font-size: 0.28rem; height:0.8rem; background-color: #303135ba;border-radius: 5px;z-index:10 ;position: relative;line-height: 0.8rem;color:#fff;padding:0 0.4rem;}
    .grides > .grids-item {padding-top:0 !important}
    .grides > .grids-item::before{border:none !important;}
    .grides > .grids-item::after{border:none !important;}
    .grides > .grids-item > .grids-icon{height:1.5rem !important}
    .mt{margin-top: 0.35rem;}
	.con-list{display: flex; flex-direction:column; margin-bottom: 0.15rem;justify-items: center;padding:0.2rem; border:0.03rem solid #eee;background:#fff;border-radius: 3px;}
	.con-list .con-title{display: flex; font-size: 0.28rem;justify-items: center;padding:0.1rem 0;border-bottom: 1px solid #ddd;}
	.con-list .con-tab{display: flex; flex-direction: row;justify-items: center;padding:0.1rem}
	.con-list .con-tab .con-num{width:1rem;font-size: 0.24rem;justify-items: center;color: #585858;justify-items: center;}
	.con-list .con-tab .con-tab-list{display: flex; flex:1; flex-direction: row;font-size: 0.14rem;color:#FF5E53;}
	.con-list .con-tab .con-tab-list .con-tab-bar{padding:0.02rem 0.03rem;border: 0.008rem solid #FF5E53; border-radius: 0.03rem;margin-left: 0.08rem;justify-items: center; }
	.con-list .con-address {font-size: 0.24rem; padding:0.1rem;justify-items: center;color: #585858;}
</style>
<body>
<section class="g-flexview">
    <div class="g-scrollview">
        <div class="m-slider" data-ydui-slider>
            <div class="slider-wrapper">
                <div class="slider-item">
                    <a href="javascript:;">
                        <img src="/static/images/bnr.jpg">
                    </a>
                </div>
                <div class="slider-item">
                    <a href="javascript:;">
                        <img src="/static/images/bnr1.jpg">
                    </a>
                </div>
                <div class="slider-item">
                    <a href="javascript:;">
                        <img src="/static/images/bnr.jpg">
                    </a>
                </div>
            </div>
            <div class="slider-pagination"></div>
        </div>
        <div class="note">欢迎光临地平线生活服务平台</div>
        <div class="m-grids-3 grides">
            <a class="grids-item" href="{:url('trade/index')}">
                <div class="grids-icon">
                    <img src="/static/images/trade.png">
                </div>
                <div class="grids-txt">在线充值</div>
            </a>
            <a class="grids-item" href="javascript:;" onclick="scanpush()">
                <div class="grids-icon">
                    <img src="/static/images/sao.png">
                </div>
                <div class="grids-txt">扫码洗车</div>
            </a>
            <a class="grids-item" href="{:url('account/index')}">
                <div class="grids-icon">
                    <img src="/static/images/vip.png">
                </div>
                <div class="grids-txt">会员服务</div>
            </a>
        </div>
        <div class="m-grids-2">
            <a class="grids-item" href="{:url('index/address')}">
                <div class="grids-icon">
                    <img src="/static/images/net.png">
                </div>
                <div class="grids-txt">营业网点</div>
            </a>
            <a class="grids-item" href="{:url('article/category')}">
                <div class="grids-icon">
                    <img src="/static/images/join.png">
                </div>
                <div class="grids-txt">合作加盟</div>
            </a>
        </div>
        <div class="m-cell mt">
            <a class="cell-item" href="{:url('index/address')}">
                <div class="cell-left">
                    <span class="cell-icon">
                        <img src="/static/images/net2.png">
                    </span>
                    附近网点
                </div>
                <div class="cell-right cell-arrow">更多网点</div>
            </a>
        </div>
		<div class="con-list">
			<div class="con-title">新兴希望洗车站</div>
			<div class="con-tab">
				<div class="con-num">2台设备</div>
				<div class="con-tab-list">
					<div class="badge badge-primary">清洁</div>
					<div class="badge badge-warning">泡沫</div>
					<div class="badge badge-danger">吸尘</div>
					<div class="badge badge-primary">消毒</div>
				</div>
			</div>
			<div class="con-address">新疆哈密市幸福路448号幸福小区南口</div>
		</div>
		<div class="con-list">
			<div class="con-title">新兴希望洗车站</div>
			<div class="con-tab">
				<div class="con-num">2台设备</div>
				<div class="con-tab-list">
					<div class="badge badge-primary">清洁</div>
					<div class="badge badge-warning">泡沫</div>
					<div class="badge badge-danger">吸尘</div>
					<div class="badge badge-primary">消毒</div>
				</div>
			</div>
			<div class="con-address">新疆哈密市幸福路448号幸福小区南口</div>
		</div>
		<div class="con-list">
			<div class="con-title">新兴希望洗车站</div>
			<div class="con-tab">
				<div class="con-num">2台设备</div>
				<div class="con-tab-list">
					<div class="badge badge-primary">清洁</div>
					<div class="badge badge-warning">泡沫</div>
					<div class="badge badge-danger">吸尘</div>
					<div class="badge badge-primary">消毒</div>
				</div>
			</div>
			<div class="con-address">新疆哈密市幸福路448号幸福小区南口</div>
		</div>
		<div style="height:1rem;"></div>
		<footer class="m-tabbar tabbar-fixed">
			<a href="{:url('index/index')}" class="tabbar-item tabbar-active">
				<span class="tabbar-icon">
					<i class="icon-home"></i>
				</span>
				<span class="tabbar-txt">首页</span>
			</a>
			<a href="{:url('index/address')}" class="tabbar-item">
				<span class="tabbar-icon">
					<i class="demo-icons-discover"></i>
				</span>
				<span class="tabbar-txt">附近</span>
			</a>
			<a href="{:url('account/index')}" class="tabbar-item">
				<span class="tabbar-icon">
					<i class="icon-ucenter"></i>
				</span>
				<span class="tabbar-txt">我的</span>
			</a>			
        </footer>
	</div>
</section>
<script src="/static/js/jquery.js"></script>
<script src="/static/js/ydui.js"></script>
<script>
    function scanpush(){
        wx.scanQRCode({
            needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
            scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
            success: function (res) {
                
            }
        });
    }
</script>
</body>
</html>